<ion-view class="bg">
  <ion-header-bar class="bar bar-positive">
    <button class="button back-button buttons icon ion-ios-arrow-left button-clear" nav-direction="back" ui-sref="abnormalList">返回</button>
    <h3 class="title">异常信息</h3>
  </ion-header-bar>
  <ion-content class="abnormal">
    <div ng-if="showloading" class="ion-spinner">
      <ion-spinner icon="lines" class="spinner-calm"></ion-spinner>
    </div>
    <ion-list class="myList" ng-if="showloading == false">
      <li class="item li">
        <div>
          <i>承运单号</i>
          <i class="value" style="color: #ff9800">{{abnormalDetail.WAYBILL_NO}}</i>
        </div>
        <div>
          <i>异常状态</i>
          <i class="value">{{ABNORMAL_STATUS}}</i>
        </div>
      </li>
      <div class="item item-input item-divider div bg-white">
        <i class="ion ion-android-clipboard balanced typeIcon"></i>
        <i class="dark">上报信息</i>
      </div>
      <li class="item li">
        <div>
          <i>异常类型</i>
          <i class="value">{{CARGO_TYPE}}</i>
        </div>
        <div>
          <i>异常件数</i>
          <i class="value">{{abnormalDetail.CARGO_NUMBER}}</i>
        </div>
      </li>
      <div class="item item-input item-divider div bg-white" ng-if="imgData!=undefined&&showloading==false" style="border-bottom: 0;">
        <i class="ion ion-android-camera energized typeIcon"></i>
        <i class="dark">异常照片</i>
      </div>
      <div ng-repeat="img in imgData" ng-if="imgData!=undefined&&showloading==false" style="width: 30%;height: 100px;overflow: hidden;float: left;margin: 6px;">
        <img  ng-src="data:image/jpg;base64,{{img}}" ng-click="showBigImage(img)" style="width: 100%;"/>
      </div>
      <div class="item item-input item-divider div bg-white" style="border-bottom: 0;width: 100%;">
        <i class="ion ion-compose calm typeIcon"></i>
        <i class="dark">备注</i>
      </div>
      <div class="item item-input remarks">
        <textarea type="text" ng-model="abnormalDetail.REMARK"></textarea>
      </div>
    </ion-list>
  </ion-content>
  <div id="bigImg" class="popover-backdrop hide" style="width: 100%;text-align: center;background-color: #000;" ng-click="hideBigImage()">
    <span style="height: 100%;display: inline-block;vertical-align: middle;"></span><img class="img-responsive" style="width: 100%;vertical-align: middle;" src="data:image/jpg;base64,{{Url}}"/>
  </div>
</ion-view>
